{% load i18n %}
{% load dbapp_tags %}
{% autoescape off %}
<div><table><tbody>
<tr>
    <td><div>
        <table><tbody>
            <tr><th>{% trans '字段名称' %}: </th><td>{% trans '字段代码' %}</td></tr>
            {% for item in export_fields %}
                <tr><th>{{ item.0 }}: </th><td><a href="#">{{ item.1 }}</a></td></tr>
            {% endfor %}
        </tbody></table>
    </div></td>
    <td><div><table id="auto_export_table"><tbody>
        <tr>
            {{ file_prefix|field_as_td_h }}
            <td>{{ file_date.as_widget }}</td>
            <td>{{ file_time.as_widget }}</td>
        </tr>
        <tr>
            {{ departments|field_as_td_h }}
            {{ areas|field_as_td_h }}
        </tr>
        <tr><td colspan="2">{% trans '数据导出模版(行格式)' %}</td></tr>
        <tr><td colspan="6">
            <div style="padding-bottom: 10px">{{ data_template.as_widget }}</div>
        </td></tr>
        <tr>
            {{ short_date|field_as_td_h }}
            {{ short_time|field_as_td_h }}
        </tr>
        <tr>
            {{ frequency|field_as_td_h }}
            {{ export_day|field_as_td_h }}
        </tr>
        <tr>
            {{ end_day|field_as_td_h }}
            {{ interval|field_as_td_h }}
        </tr>
        <tr>
            {{ export_path|field_as_td_h }}
            {{ export_email|field_as_td_h }}
        </tr>
        <tr>
            {{ ftp_server|field_as_td_h }}
            {{ ftp_path|field_as_td_h }}
        </tr>
        <tr>
            {{ export_time|field_as_td_h }}
            {{ export_format|field_as_td_h }}
        </tr>
        <tr>
            {{ query_field|field_as_td_h }}
        </tr>
    </tbody></table></div></td>
</tr>
</tbody></table>
    <script>
        $(function(){
            var week = ['{% trans '星期一' %}', '{% trans '星期二' %}', '{% trans '星期三' %}', '{% trans '星期四' %}', '{% trans '星期五' %}', '{% trans '星期六' %}', '{% trans '星期日' %}'];
            function monthly_deal(){
                $("#id_export_day").attr('disabled', false);
                $("#id_interval").attr('disabled', true);
                $("#id_export_day").empty();
                for(var i=1; i <= 31; i++){
                    $("#id_export_day").append('<option value="'+i+'">'+i+'</option>');
                }
                $("#id_export_day").parent().parent().show();
            };
            function weekly_deal(){
                $("#id_export_day").attr('disabled', false);
                $("#id_interval").attr('disabled', true);
                $("#id_export_day").empty();
                for(var i=0; i < 7; i++){
                    $("#id_export_day").append('<option value="'+i+'">'+week[i]+'</option>');
                }
                $("#id_export_day").parent().parent().show();
            };
            function daily_deal(){
                $("#id_export_day").append('<option value="'+1+'">'+1+'</option>');
                $("#id_export_day").val(1);
                $("#id_export_day").attr('disabled', true);
                $("#id_interval").attr('disabled', false);
            };
            $("#id_frequency").change(function(){
                var ftype = $(this).val();
                switch(ftype){
                    case '0':
                        monthly_deal();
                        break;
                    case '1':
                        weekly_deal();
                        break;
                    case '2':
                        daily_deal();
                       break;
                    default:
                        break;
                }
            });
            var _day = $("#id_export_day").val();
            $("#id_frequency").change();
            $("#id_export_day").val(_day);
            var _width = $("#personnel__Department_show_input").width();
            $("#personnel__Department_show_input").parent().width(_width+10);
            $("#personnel__Area_show_input").parent().width(_width+10);
            {% if LANGUAGE_BIDI %}
            $("#id_personnel__Department").parent().css({'margin-left': $("#show_deptment").width()});
            $("#id_personnel__Area").parent().css({'margin-left': $("#show_deptment").width()});
            {% else %}
            $("#id_personnel__Department").parent().css({'margin-left': -$("#show_deptment").width()});
            $("#id_personnel__Area").parent().css({'margin-left': -$("#show_deptment").width()});
            {% endif %}
        });
    </script>
</div>
{% endautoescape %}